@import "base";

.main_apply {
    section {
        &:nth-of-type(1) {
            padding-top: 19.866666666666666%;
        }
        &:nth-of-type(2) {
            padding-top: 58.4%;
        }
        &:nth-of-type(3) {
            padding-top: 35.6%;
        }
        &:nth-of-type(4) {
            padding-top: 111.2%;
        }
        &:nth-of-type(5) {
            padding-top: 43.733333333333335%;
        }
        &:nth-of-type(6) {
            padding-top: 98.26666666666667%;
        }
        &:nth-of-type(7) {
            padding-top: 1.028%;
        }
        &:nth-of-type(8) {
            padding-top: 75.33333333333333%;
        }
        &:nth-of-type(9) {
            padding-top: 66.4%;
        }
        &:nth-of-type(10) {
            padding-top: 75.46666666666667%;
        }
    }
    .form_wrap {
        .flex {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
        }
        h2 {
            font-size: .24rem;
            color: @color-main;
            text-align: center;
            margin-bottom: .08rem;
        }
        h3 {
            font-size: .14rem;
            color: @color-main;
            text-align: center;
            margin-bottom: .14rem;
        }
        .submit_btn {
            display: block;
            width: 100%;
            height: .36rem;
            line-height: .36rem;
            .border-radius();
            background: #4c382b;
            color: #fcf8e1;
            font-size: .16rem;
            margin-top: .34rem;
        }
    }
    .form_inner {
        color: #a0a0a0;
        width: 92%;
        margin: auto;
        .input_wrap,
        .select_wrap {
            .border-radius();
            border: 1px solid @color-main;
            margin-bottom: .1rem;
            background: #fdfdfb;
        }
        input, select {
            line-height: normal;
            width: 100%;
            background: transparent;
            height: .36rem;
            padding-left: .1rem;
            font-size: .13rem;
        }
        .select_wrap {
            width: 48%;
            padding-left: .2rem;
            position: relative;
            &:before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-left: .05rem solid transparent;
                border-right: .05rem solid transparent;
                border-top: .06rem solid @color-main;
                top: .14rem;
                left: .11rem;
            }
        }
    }
    .info {
        color: @color-main;
        font-size: .13rem;
        line-height: 2.4;
        text-align: center;
    }
    .pop {
        position: fixed;
        width: 88%;
        left: 6%;
        top: 1rem;
        z-index: 12;
        background: url("../images/apply/pop.png") center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        padding-top: 54.26666666666667%;
        .close_btn {
            position: absolute;
            width: .3rem;
            height: .3rem;
            right: 0;
            top: 0;
            z-index: 3;
        }
        .wrap {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding-top: 10%;
            p {
                font-size: .13rem;
                line-height: 2;
                margin: 0 .22rem;
            }
            a {
                position: absolute;
                height: .32rem;
                line-height: .32rem;
                width: 60%;
                left: 20%;
                bottom: .14rem;
                background: #4d382c;
                color: #fcf8e1;
                font-size: .14rem;
                text-align: center;
                .border-radius();
            }
        }
        .transition();
        opacity: .5;
        transform: scale(0);
        -webkit-transform: scale(0);
        &.active {
            opacity: 1;
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }
    .cover {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .7);
        z-index: 11;
        .transition();
        opacity: 0;
        &.active {
            opacity: 1;
        }
    }
}

.main_ok {
    section {
        &:nth-of-type(1) {
            padding-top: 71.733%;
        }
        &:nth-of-type(2) {
            padding-top: 35.6667%;
        }
    }
    .desc {
        padding: .44rem .14rem .14rem;
        h2 {
            font-size: .2rem;
            line-height: 1.4;
            margin-bottom: .24rem;
        }
        nav {
            text-align: center;
            font-size: .12rem;
            dd {
                color: #9d918b;
                .transition();
                line-height: .4rem;
            }
            dt {
                color: #9d918b;
                font-size: .25rem;
                font-weight: normal;
                width: .48rem;
                height: .48rem;
                line-height: .48rem;
                box-sizing: content-box;
                -webkit-box-sizing: content-box;
                .border-radius(50%);
                border: 1px solid #9d918b;
                display: inline-block;
                .transition();
            }
            .active {
                dd {
                    color: @color-main;
                }
                dt {
                    color: @color-main;
                    border-color: @color-main;
                }
            }
        }
        .cat_list {
            display: none;
        }
        li {
            width: 49%;
            padding-top: 65.38%;
            margin-bottom: .06rem;
            &:nth-of-type(odd) {
                float: left;
            }
            &:nth-of-type(even) {
                float: right;
            }
            a {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 2;
                left: 0;
                top: 0;
            }
            img {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
            }
            p {
                position: absolute;
                width: 100%;
                height: .32rem;
                line-height: .32rem;
                bottom: 0;
                left: 0;
                font-size: .14rem;
                color: #fcf8e1;
                background: rgba(59, 36, 23, .8);
                padding: 0 .08rem;
            }
        }
    }
    .news {
        p {
            padding: .16rem;
            border-bottom: 1px solid #ececec;
            line-height: .3rem;
            .cat {
                font-size: .2rem;
                width: .6rem;
                margin-right: .06rem;
            }
            .flex_item {
                font-size: .18rem;
            }
        }
    }
    .qr_wrap {
        text-align: center;
        padding: .64rem 0;
        img {
            height: 1.65rem;
            margin-bottom: .4rem;
        }
        p {
            color: #333333;
            font-size: .15rem;
            line-height: 1.6;
        }
        .share_text {
            margin-top: .7rem;
            span {
                color: #ea3323;
            }
        }
    }
}

.footer_cont {
    margin-bottom: 0;
}